<!--
 * @Description: h5新增
 * @Author: rendc
 * @Date: 2021-08-04 16:33:45
 * @LastEditors: rendc
 * @LastEditTime: 2021-08-04 17:01:15
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>h5新增</title>
</head>

<body>
  <div>
    <form action="" method="get">
      <progress value="70" max="100"></progress>70%
      <progress value="10" max="100"></progress>10%
      <progress value="0.1"></progress>10%
    </form>
    <form oninput="result.value=num.value*num.value">
      <input type="number" name="num">的平方=
      <output name="result"></output>
    </form>
    <form oninput="result.value=parseInt(num1.value)+parseInt(num2.value)">
      <input type="number" name="num1" value="0">+
      <input type="number" name="num2" value="0">=
      <output name="result"></output>
    </form>
    <form action="" method="get">
      <meter max="100" low="60" high="90" value="40"></meter>40
      <meter max="100" low="60" high="90" value="65"></meter>65
      <meter max="100" low="60" high="90" value="95"></meter>95

      <label>
        <input list="myData" name="myDate">
      </label>
      <datalist id="myData">
        <option value="chrome">谷歌</option>
        <option value="firefox">火狐</option>
        <option value="train">火车</option>
        <option value="one">123</option>
        <option value="360">360</option>
      </datalist>


    </form>
  </div>
</body>

</html>